<template>
	<div class="index-container">
		首页
        <div class="setting-container">
            <vab-icon icon="settings-5-fill"></vab-icon>
        </div>
	</div>
</template>

<script lang="ts">
import {Component} from "vue-property-decorator";
import BaseVue from '@/common/base-vue'

import ResponseModel from '@/common/model/response.model';

@Component({components: {}})
export default class indexManager extends BaseVue {

	//生命周期created
	public created() {
	};

	//生命周期mounted
	public mounted() {
	}


}
</script>

<style lang="scss" scoped>
.index-container {
    .setting-container {
        position: absolute;
        width: 40px;
        height: 24px;
        background: #fff;
        right: 46px;
        top: -12px;
        font-size: 16px;
        color: #2B85E4;
        text-align: center;
        padding-top: 2px;
        box-shadow: 0 0 2px 2px #f5f5f5f7;
        border-radius: 0 0 5px 5px;
        cursor: pointer;
        z-index: 10;
        &:before {
            content: " ";
            width: 0;
            height: 0;
            position: absolute;
            left: -12px;
            top: 0;
            border-bottom: 12px solid #D5D5D5;
            border-left: 12px solid transparent;
        }

        &:after {
            content: " ";
            width: 0;
            height: 0;
            position: absolute;
            right: -12px;
            top: 0;
            border-bottom: 12px solid #D5D5D5;
            border-right: 12px solid transparent;
        }
    }
}
</style>
